<!DOCTYPE html>
<html>
<head>
    {include file="common/meta" /}
</head>
<body>
{include file="common/header" /}
<div class="container-fluid yzkc kcCon">
    <div class="content row  courseCon">
        <div class="titleBox row">
            课程购买
        </div>
        <div class="row courseInfo">
            <div class="rightCon row" style="float: left;width: 100%">
                <ul class="courseCard row">
                    <li class="row item" style="width: 35%">
                        <div class="row text" style="height: 200px">
                            <img src="{:cdnurl($detail.image)}">
                            <h4>{$detail.title}</h4>
                        </div>
                   </li>
                    <li class="row item" style="width: 55%">
                        <div class="row">
                            <h2>{$detail.title} </h2>
                            <div style="float: right">
<!--                                <label for="" style="font-size: 20px;">价格：</label>-->
                                <span style="font-size: 25px;color: red">￥{$detail.price}</span>
                            </div>

                            <ul style="padding: 5px;">
                                {volist name="detail.pro_json_list" id="vp" key="kp"}
                                <li style="padding: 5px;">
                                    <span class="label label-warning" style="font-size: 15px;"> {$vp}</span>
                                </li>
                                {/volist}
                                <li style="padding-top: 10px;">

                                </li>
                            </ul>
                        </div>
                        <a href="{:url('course/buy',['c'=>$detail.id])}" style="float: right" class="courseBtn">购买课程</a>
                        {if $detail['st_id']}
                        <a target="_blank" href="{:url('course/st',['cid'=>$detail.id])}" style="float: right" class="courseBtn">试听课程</a>
                        {/if}
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="content row  courseCon">
        <div class="titleBox row">
            课程内容
        </div>
        <div class="row courseInfo" style="margin-top: 40px;">
            {$detail.content}
        </div>
    </div>
    <div class="content row  courseCon">
        <div class="titleBox row">
            课程章节
        </div>
        <div class="row courseInfo">
            <div class="accordion" id="accordionExample">
                {volist name="packages" id="pack" key="pck"}
                <div class="card">
                    <div class="card-header" id="heading{$pck}">
                        <h2 class="mb-0">
                            <button class="btn btn-link" type="button"
                                    data-toggle="collapse"
                                    data-target="#collapse{$pck}"
                                    aria-expanded="true"
                                    aria-controls="collapse{$pck}"
                            >
                                {$pack.title}
                            </button>
                        </h2>
                    </div>

                    <div id="collapse{$pck}"
                         class="collapse"
                         aria-labelledby="heading{$pck}"
                         data-parent="#accordionExample"
                    >
                        <div class="card-body">
                            <ul style="padding-left: 30px;line-height: 40px">
                                {volist name="pack.video"  id="vl" key="kl"}
                                {if $detail.id==3}
                                <li><a target="_blank" href="{:url('index/user/study',array('cid'=>$detail.id,'pid'=>$pack.id));}">{$kl}:{$vl.title}</a></li>
                                {else/}
                                <li>{$kl}:{$vl.title}</li>
                                {/if}
                                {/volist}
                            </ul>
                        </div>
                    </div>
                </div>
                {/volist}
            </div>
        </div>
    </div>
</div>
<style>
    .courseInfo{
        margin-top: 20px;
        margin-bottom: 5px;
    }
</style>
{include file="common/footer" /}
{include file="common/script" /}

</body>
</html>